.evaluateInputPop {
  background-color: #fff;
  padding: 20rpx 24rpx 0;
  min-height: 104rpx;
  margin: auto 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);

  .input-con {
    position: relative;
    width: calc(100% - 48rpx);
    height: 60rpx;
    padding: 0 24rpx;
    border-radius: 32rpx;
    font-size: 24rpx;
    background-color: #F4F4F4;

    .evaluate-input {
      height: 60rpx;
      caret-color: $primary-color;
      padding-right: 70rpx;
    }

    .evaluate-pic {
      width: 40rpx;
      height: 40rpx;
      right: 24rpx;
      top: 50%;
      z-index: 999;
      position: absolute;
      transform: translateY(-50%);
    }
  }

  .send-btn {
    width: 148rpx;
    line-height: 56rpx;
    font-size: 32rpx;
    font-weight: 500;
    border-radius: 48rpx;
    text-align: center;
    margin-left: 30rpx;
    background-color: $primary-color;
  }

  .img-wrap {
    padding: 16rpx;
    width: 100rpx;
    height: 100rpx;
    position: relative;

    .delete {
      width: 30rpx;
      height: 30rpx;
      position: absolute;
      top: 10rpx;
      right: 10rpx;
      z-index: 99;
    }

    image {
      width: 100%;
      height: 100%;
    }
  }

}

// .evaluateInputPop {
//   background-color: #fff;
//   padding: 20rpx 20rpx 0;
//   padding-bottom: constant(safe-area-inset-bottom);
//   padding-bottom: env(safe-area-inset-bottom);
//   .evaluate-wrap {
//     width: 100%;
//     min-height: 120rpx;
//     border-radius: 20rpx;
//     margin-bottom: 24rpx;
//     background-color: #f3f2f2;
//   }
//   .evaluate-area {
//     width: calc(100% - 20rpx);
//     padding: 10rpx 16rpx 20rpx;
//     caret-color: #E45151;
//   }
//   .img-wrap {
//     padding: 16rpx;
//     width: 100rpx;
//     height: 100rpx;
//     position: relative;
//     .delete {
//       width: 30rpx;
//       height: 30rpx;
//       position: absolute;
//       top: 10rpx;
//       right: 10rpx;
//       z-index: 99;
//     }
//     image {
//       width: 100%;
//       height: 100%;
//     }
//   }
//   .evaluate-pic {
//     width: 50rpx;
//     height: 50rpx;
//   }

//   .send {
//     height: 60rpx;
//     width: 100rpx;
//     background-color: $primary-color;
//     text-align: center;
//     color: #fff;
//     line-height: 60rpx;
//     border-radius: 40rpx;
//   }
// }